﻿@{
    ViewBag.Title = "Home Page";
   
   //initialize object with data 
   BannerObject [] myBannerObject=new BannerObject[20];
   for (int i = 0; i < 10; i++){
                    string information = "Nice Nepali Song_"+i;
                     string facebookLink = "https://www.youtube.com/watch?v=jJAGjgHOB8o";
                     string imageLink = "../images/picture.png";
                     string youtubeLink = "https://www.youtube.com/watch?v=jJAGjgHOB8o";
                    // href="https://twitter.com/share" data-via="Notepad_plus"
                     string tweetLink = "https://twitter.com/share";
                   myBannerObject[i] = new BannerObject(information, facebookLink, tweetLink, youtubeLink, imageLink);

   }
}

<link rel="stylesheet" type="text/css" href="../Styles/HomeStyleSheet.css" />
<link rel="stylesheet" type="text/css" href="../Styles/stylesForCSgeneratedField.css" />
<script src="../Scripts/jquery-1.3.2.min.js"></script>
<script src="../Scripts/Tweet.js"></script>
<script src="../Scripts/Facebook.js"></script>
<div class="jumbotron">
    <h1>Top Art</h1>
    <p class="lead">The greatest resource for the best music!</p>
    <br/>
    <p class="lead">Login or Register at the top of this page</p>


    <p><a href="http://asp.net" class="btn btn-primary btn-large">Learn more &raquo;</a></p>

</div>






<div class="row">
    <div class="col-md-4">
        <h2>New Music</h2>
       
        <p>
            New music by up and coming artists!
        </p>
        <p><a class="btn btn-default" href="http://go.microsoft.com/fwlink/?LinkId=301865">Learn more &raquo;</a></p>
    </div>
    <div class="col-md-4">
        <h2>Music Ratings</h2>
        
       
        <p>View music ratings and charts</p>
        <p><a class="btn btn-default" href="http://go.microsoft.com/fwlink/?LinkId=301866">Learn more &raquo;</a></p>
    </div>
    <div class="col-md-4">
        <h2>Friends</h2>
        <p>Find friends and post status' and tag them in posts</p>
        <p><a class="btn btn-default" href="http://go.microsoft.com/fwlink/?LinkId=301867">Learn more &raquo;</a></p>
    </div>
    <div>
       

    @for (int j = 0; j < 6; j++)
    {
      
        <div class="postRow">
            <div class="divPost">
                <img id=@myBannerObject[j].Information src=@myBannerObject[j].ImageLink />
            </div>
            <div class="divPostInfo">
                <h2>@myBannerObject[j].Information</h2>
            </div>
            <div class="divRating">
            </div>
            <div class="divSocialInfo">
                <div class="divFacebook">
                    <div id=@myBannerObject[j].Information class="fb-like" data-href=@myBannerObject[j].FacebookLink data-layout="standard" data-action="like" data-show-faces="false" data-share="false"></div> 
                </div>
                <div class="divTwetter">
                    <a id=@myBannerObject[j].Information class="twitter-share-button" href=@myBannerObject[j].TweetLink data-via="Notepad_plus">Tweet</a>
                </div>
            </div>
            <div class="divYoutube">

                <a id=@myBannerObject[j].Information href=@myBannerObject[j].YoutubeLink>Youtube</a>
            </div>
        </div>
    }
        
    </div>
</div>